<template>
    <view>
        <up-datetime-picker
            :show="show"
            v-model="value1"
            mode="date"
            @confirm="onConfirm"
            @cancel="onCancel"
        ></up-datetime-picker>
    </view>
</template>
<script setup>
import { ref, watch } from 'vue';
// 父组件传递的 show 值
const props = defineProps({
    show: Boolean,
});
// 通过 v-model 双向绑定 show
const emit = defineEmits(['update:show']);
const show = ref(props.show);
const value1 = ref(Date.now());
// 监控 props 的变化并同步到本地变量 show
watch(() => props.show, (newVal) => {
    show.value = newVal;
});
// 确认选择日期时触发的函数
const onConfirm = () => {
    emit('update:show', false); // 选择后隐藏日期选择器
    emit('confirm', value1.value);
};
// 取消时触发的函数
const onCancel = () => {
    emit('update:show', false); // 取消后隐藏日期选择器
};
</script>
